﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1 闹钟设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1_闹钟设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1_闹钟设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u259" class="ax_default _形状" data-label="Rectangle">
        <div id="u259_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u260" class="ax_default" data-left="75" data-top="636" data-width="343" data-height="71">

        <!-- Rectangle (矩形) -->
        <div id="u261" class="ax_default _形状" data-label="Rectangle">
          <div id="u261_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u262" class="ax_default image">
          <img id="u262_img" class="img " src="images/1_0_闹钟页面/u167.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u263" class="ax_default image">
          <img id="u263_img" class="img " src="images/1_0_闹钟页面/u168.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u264" class="ax_default image">
          <img id="u264_img" class="img " src="images/1_0_闹钟页面/u169.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u265" class="ax_default" data-left="98" data-top="34" data-width="321" data-height="16">

        <!-- Unnamed (组合) -->
        <div id="u266" class="ax_default" data-left="383" data-top="34" data-width="28" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u267" class="ax_default _形状">
            <div id="u267_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u268" class="ax_default _形状">
            <div id="u268_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u269" class="ax_default _形状">
            <div id="u269_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u270" class="ax_default image">
          <img id="u270_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u271" class="ax_default _文本段落" data-label="Header 2">
          <div id="u271_div" class=""></div>
          <div id="u271_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u272" class="ax_default _文本段落" data-label="Header 2">
          <div id="u272_div" class=""></div>
          <div id="u272_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u273" class="ax_default icon">
        <img id="u273_img" class="img " src="images/1_1_闹钟设置/u273.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u274" class="ax_default label">
        <div id="u274_div" class=""></div>
        <div id="u274_text" class="text ">
          <p><span>12时05分后响铃，震动</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u275" class="ax_default" data-left="89" data-top="113" data-width="314" data-height="103">

        <!-- Unnamed (矩形) -->
        <div id="u276" class="ax_default box_1">
          <div id="u276_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u277" class="ax_default line">
          <img id="u277_img" class="img " src="images/1_1_闹钟设置/u277.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u278" class="ax_default" data-left="323" data-top="137" data-width="47" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u279" class="ax_default _形状">
            <div id="u279_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u280" class="ax_default _形状">
            <div id="u280_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u281" class="ax_default image">
          <img id="u281_img" class="img " src="images/1_1_闹钟设置/u281.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u282" class="ax_default label">
          <div id="u282_div" class=""></div>
          <div id="u282_text" class="text ">
            <p><span>08：30</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u283" class="ax_default label">
          <div id="u283_div" class=""></div>
          <div id="u283_text" class="text ">
            <p><span>日 一 二 三 四 五 六&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u284" class="ax_default icon">
          <img id="u284_img" class="img " src="images/1_1_闹钟设置/u284.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u285" class="ax_default" data-left="394" data-top="585" data-width="210" data-height="112">

        <!-- Unnamed (图片) -->
        <div id="u286" class="ax_default image">
          <img id="u286_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u287" class="ax_default _文本段落" data-label="Header 2">
          <div id="u287_div" class=""></div>
          <div id="u287_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u288" class="ax_default" data-left="394" data-top="602" data-width="175" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u289" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="172" CompoundMode="true">
            <img id="u289_img" class="singleImg img " src="images/1_1_闹钟设置/u289.png"/>
            <div id="u289p000" class="ax_vector_shape" WidgetTopLeftX="-0.48314606741573" WidgetTopLeftY="0" WidgetTopRightX="0.48314606741573" WidgetTopRightY="0" WidgetBottomLeftX="-0.48314606741573" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.48314606741573" WidgetBottomRightY="0.166666666666667">
              <img id="u289p000_img" class="img " src="images/1_1_闹钟设置/u289p000.png"/>
            </div>
            <div id="u289p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="42.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="42.75" WidgetBottomRightY="0">
              <img id="u289p001_img" class="img " src="images/1_1_闹钟设置/u289p001.png"/>
            </div>
            <div id="u289p002" class="ax_vector_shape" WidgetTopLeftX="7.63636363636364" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="7.63636363636364" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
              <img id="u289p002_img" class="img " src="images/图例/u31p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u290" class="ax_default _形状">
            <div id="u290_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u291" class="ax_default _形状" data-label="Rectangle">
        <div id="u291_div" class=""></div>
        <div id="u291_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u292" class="ax_default" data-left="592" data-top="34" data-width="321" data-height="17">

        <!-- Unnamed (组合) -->
        <div id="u293" class="ax_default" data-left="877" data-top="34" data-width="28" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u294" class="ax_default _形状">
            <div id="u294_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u295" class="ax_default _形状">
            <div id="u295_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u296" class="ax_default _形状">
            <div id="u296_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u297" class="ax_default image">
          <img id="u297_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u298" class="ax_default _文本段落" data-label="Header 2">
          <div id="u298_div" class=""></div>
          <div id="u298_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u299" class="ax_default _文本段落" data-label="Header 2">
          <div id="u299_div" class=""></div>
          <div id="u299_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u300" class="ax_default box_1">
        <img id="u300_img" class="img " src="images/1_1_闹钟设置/u300.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u301" class="ax_default line">
        <img id="u301_img" class="img " src="images/1_1_闹钟设置/u301.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u302" class="ax_default" data-left="695" data-top="83" data-width="99" data-height="19">

        <!-- Unnamed (图片) -->
        <div id="u303" class="ax_default image">
          <img id="u303_img" class="img " src="images/1_1_闹钟设置/u303.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u304" class="ax_default label">
          <div id="u304_div" class=""></div>
          <div id="u304_text" class="text ">
            <p><span>7分钟后响铃</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u305" class="ax_default" data-left="672" data-top="147" data-width="138" data-height="47">

        <!-- Unnamed (矩形) -->
        <div id="u306" class="ax_default label">
          <div id="u306_div" class=""></div>
          <div id="u306_text" class="text ">
            <p><span>21：32</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u307" class="ax_default box_1">
          <div id="u307_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u308" class="ax_default label">
        <div id="u308_div" class=""></div>
        <div id="u308_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u309" class="ax_default label">
        <div id="u309_div" class=""></div>
        <div id="u309_text" class="text ">
          <p><span>22&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u310" class="ax_default label">
        <div id="u310_div" class=""></div>
        <div id="u310_text" class="text ">
          <p><span>33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u311" class="ax_default label">
        <div id="u311_div" class=""></div>
        <div id="u311_text" class="text ">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u312" class="ax_default" data-left="580" data-top="244" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u313" class="ax_default box_1">
          <img id="u313_img" class="img " src="images/1_1_闹钟设置/u313.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u314" class="ax_default label">
          <div id="u314_div" class=""></div>
          <div id="u314_text" class="text ">
            <p><span>叫醒任务</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u315" class="ax_default label">
          <div id="u315_div" class=""></div>
          <div id="u315_text" class="text ">
            <p><span>OFF</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u316" class="ax_default" data-left="627" data-top="653" data-width="228" data-height="38">

        <!-- Unnamed (垂直线) -->
        <div id="u317" class="ax_default line">
          <img id="u317_img" class="img " src="images/1_1_闹钟设置/u317.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u318" class="ax_default label">
          <div id="u318_div" class=""></div>
          <div id="u318_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u319" class="ax_default label">
          <div id="u319_div" class=""></div>
          <div id="u319_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u320" class="ax_default" data-left="580" data-top="297" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u321" class="ax_default box_1">
          <img id="u321_img" class="img " src="images/1_1_闹钟设置/u313.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u322" class="ax_default label">
          <div id="u322_div" class=""></div>
          <div id="u322_text" class="text ">
            <p><span>周期</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u323" class="ax_default label">
          <div id="u323_div" class=""></div>
          <div id="u323_text" class="text ">
            <p><span>永不</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u324" class="ax_default" data-left="580" data-top="350" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u325" class="ax_default box_1">
          <div id="u325_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u326" class="ax_default label">
          <div id="u326_div" class=""></div>
          <div id="u326_text" class="text ">
            <p><span>铃声</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u327" class="ax_default label">
          <div id="u327_div" class=""></div>
          <div id="u327_text" class="text ">
            <p><span>Classic</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u328" class="ax_default" data-left="580" data-top="391" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u329" class="ax_default box_1">
          <img id="u329_img" class="img " src="images/1_1_闹钟设置/u329.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u330" class="ax_default _图片">
          <img id="u330_img" class="img " src="images/1_1_闹钟设置/u330.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u331" class="ax_default icon">
          <img id="u331_img" class="img " src="images/1_1_闹钟设置/u331.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u332" class="ax_default" data-left="635" data-top="402" data-width="195" data-height="18">

          <!-- Unnamed (水平线) -->
          <div id="u333" class="ax_default _水平线">
            <img id="u333_img" class="img " src="images/1_1_闹钟设置/u333.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u334" class="ax_default _水平线">
            <img id="u334_img" class="img " src="images/1_1_闹钟设置/u334.png"/>
          </div>

          <!-- Rectangle (矩形) -->
          <div id="u335" class="ax_default _形状" data-label="Rectangle">
            <div id="u335_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u336" class="ax_default icon">
        <img id="u336_img" class="img " src="images/1_1_闹钟设置/u336.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u337" class="ax_default" data-left="580" data-top="497" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u338" class="ax_default box_1">
          <img id="u338_img" class="img " src="images/1_1_闹钟设置/u313.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u339" class="ax_default label">
          <div id="u339_div" class=""></div>
          <div id="u339_text" class="text ">
            <p><span>备注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u340" class="ax_default label">
          <div id="u340_div" class=""></div>
          <div id="u340_text" class="text ">
            <p><span>遛狗</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u341" class="ax_default" data-left="580" data-top="444" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u342" class="ax_default box_1">
          <img id="u342_img" class="img " src="images/1_1_闹钟设置/u313.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u343" class="ax_default label">
          <div id="u343_div" class=""></div>
          <div id="u343_text" class="text ">
            <p><span>小睡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u344" class="ax_default label">
          <div id="u344_div" class=""></div>
          <div id="u344_text" class="text ">
            <p><span>1 分钟</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u345" class="ax_default" data-left="794" data-top="130" data-width="98" data-height="127">

        <!-- Header 2 (矩形) -->
        <div id="u346" class="ax_default _文本段落" data-label="Header 2">
          <div id="u346_div" class=""></div>
          <div id="u346_text" class="text ">
            <p><span>上下滑动（Swipe）</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u347" class="ax_default image">
          <img id="u347_img" class="img " src="images/图例/u146.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u348" class="ax_default image">
          <img id="u348_img" class="img " src="images/1_1_闹钟设置/u348.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u349" class="ax_default image">
          <img id="u349_img" class="img " src="images/图例/u146.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u350" class="ax_default" data-left="90" data-top="240" data-width="313" data-height="102">

        <!-- Unnamed (矩形) -->
        <div id="u351" class="ax_default box_1">
          <div id="u351_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u352" class="ax_default line">
          <img id="u352_img" class="img " src="images/1_1_闹钟设置/u352.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u353" class="ax_default" data-left="323" data-top="267" data-width="48" data-height="28">

          <!-- Unnamed (组合) -->
          <div id="u354" class="ax_default" data-left="323" data-top="267" data-width="48" data-height="28">

            <!-- Unnamed (矩形) -->
            <div id="u355" class="ax_default _形状">
              <div id="u355_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u356" class="ax_default _形状">
              <div id="u356_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u357" class="ax_default image">
          <img id="u357_img" class="img " src="images/1_1_闹钟设置/u281.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u358" class="ax_default label">
          <div id="u358_div" class=""></div>
          <div id="u358_text" class="text ">
            <p><span>09：30</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u359" class="ax_default label">
          <div id="u359_div" class=""></div>
          <div id="u359_text" class="text ">
            <p><span style="color:#000000;">日</span><span style="color:#999999;"> 一 二 三 四 </span><span style="color:#000000;">五 六</span><span style="color:#999999;">&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u360" class="ax_default label">
          <div id="u360_div" class=""></div>
          <div id="u360_text" class="text ">
            <p><span>上课</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u361" class="ax_default icon">
          <img id="u361_img" class="img " src="images/1_0_闹钟页面/u200.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u362" class="ax_default" data-left="899" data-top="650" data-width="210" data-height="112">

        <!-- Unnamed (图片) -->
        <div id="u363" class="ax_default image">
          <img id="u363_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u364" class="ax_default _文本段落" data-label="Header 2">
          <div id="u364_div" class=""></div>
          <div id="u364_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u365" class="ax_default" data-left="899" data-top="667" data-width="175" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u366" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="172" CompoundMode="true">
            <img id="u366_img" class="singleImg img " src="images/1_1_闹钟设置/u289.png"/>
            <div id="u366p000" class="ax_vector_shape" WidgetTopLeftX="-0.488636363636364" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.488636363636364" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.488636363636364" WidgetBottomLeftY="0" WidgetBottomRightX="0.488636363636364" WidgetBottomRightY="0">
              <img id="u366p000_img" class="img " src="images/1_1_闹钟设置/u366p000.png"/>
            </div>
            <div id="u366p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="43" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="43" WidgetBottomRightY="0">
              <img id="u366p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u366p002" class="ax_vector_shape" WidgetTopLeftX="8.4" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="8.4" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
              <img id="u366p002_img" class="img " src="images/图例/u9p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u367" class="ax_default _形状">
            <div id="u367_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u368" class="ax_default _形状" data-label="Rectangle">
        <div id="u368_div" class=""></div>
        <div id="u368_text" class="text ">
          <p><span>z</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u369" class="ax_default" data-left="1095" data-top="34" data-width="322" data-height="17">

        <!-- Unnamed (组合) -->
        <div id="u370" class="ax_default" data-left="1380" data-top="34" data-width="28" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u371" class="ax_default _形状">
            <div id="u371_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u372" class="ax_default _形状">
            <div id="u372_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u373" class="ax_default _形状">
            <div id="u373_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u374" class="ax_default image">
          <img id="u374_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u375" class="ax_default _文本段落" data-label="Header 2">
          <div id="u375_div" class=""></div>
          <div id="u375_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u376" class="ax_default _文本段落" data-label="Header 2">
          <div id="u376_div" class=""></div>
          <div id="u376_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u377" class="ax_default box_1">
        <img id="u377_img" class="img " src="images/1_1_闹钟设置/u377.png"/>
        <div id="u377_text" class="text ">
          <p><span>好的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u378" class="ax_default _文本段落">
        <div id="u378_div" class=""></div>
        <div id="u378_text" class="text ">
          <p><span>闹钟将在七分钟后响铃</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u379" class="ax_default image">
        <img id="u379_img" class="img " src="images/1_1_闹钟设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u380" class="ax_default label">
        <div id="u380_div" class=""></div>
        <div id="u380_text" class="text ">
          <p><span>请确保设备电量充足</span></p><p><span>如图所示给设备插上电源</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u381" class="ax_default" data-left="580" data-top="550" data-width="321" data-height="43">

        <!-- Unnamed (矩形) -->
        <div id="u382" class="ax_default box_1">
          <img id="u382_img" class="img " src="images/1_1_闹钟设置/u313.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u383" class="ax_default label">
          <div id="u383_div" class=""></div>
          <div id="u383_text" class="text ">
            <p><span>睡眠跟踪</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u384" class="ax_default" data-left="853" data-top="561" data-width="39" data-height="23">

          <!-- Unnamed (组合) -->
          <div id="u385" class="ax_default" data-left="853" data-top="561" data-width="39" data-height="23">

            <!-- Unnamed (矩形) -->
            <div id="u386" class="ax_default _形状">
              <div id="u386_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u387" class="ax_default _形状">
              <div id="u387_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u388" class="ax_default box_1">
        <img id="u388_img" class="img " src="images/1_1_闹钟设置/u388.png"/>
        <div id="u388_text" class="text ">
          <p><span>不再显示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u389" class="ax_default box_1">
        <img id="u389_img" class="img " src="images/1_1_闹钟设置/u389.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u390" class="ax_default _文本段落">
        <div id="u390_div" class=""></div>
        <div id="u390_text" class="text ">
          <p><span>功能逻辑：用户可根据自己的喜好和习惯来选择脑中的功能，闹钟设置会出现提醒用户保持设备电量充足的提示，点击“不再提示”或“好的”后直接进入闹钟首页。点击“完成”，会出现提醒用户保持设备电量充足的提示，点击“不再提示”或“好的”后直接进入闹钟首页。可能有出现一种情况，当用户设置闹钟时电量充足，可是当手机检测到电量不足20%时而手机系统检测到设有闹钟时，手机则会弹出消息提醒用户及时充电。</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>点击“+”号进入闹钟设置界面，上下滑动可更改闹钟时间，点击“完成”闹钟则设置完毕。在提醒充电页面，点击“不再提示”或“好的”后可进入闹钟首页。</span></p><p><span><br></span></p><p><span>技术逻辑：</span></p><p><span>闹钟设置的时间为24小时制，</span></p><p><span>时取值范围为00-23，取整数，循环显示。</span></p><p><span>分取值范围为00-59，取整数，循环显示。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>提醒充电页面可以增大确保闹钟准时响起的几率。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
